<!DOCTYPE html>
<html>
	<head>
		<!-- Basic -->
    <meta charset="UTF-8" />
		<title>CSS3 | Learn</title>
		<!-- Mobile Metas -->
	  <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> -->
		<!-- <link href="css/bootstrap.min.css" rel="stylesheet" /> -->
		<link href="css/style.css" type="text/css" rel="stylesheet" />
		<!-- 内联样式表 -->
		<style>
			h1{
				color: sienna;
			}
		</style>
	</head>
  <body>
		<h1>This is test paragraph</h1>
		<p>
			This is a test paragraph.
		</p>
    <h4>测试阴影测试阴影测试阴影测试阴影测试阴影</h4>
    <p>床前明月光</p>
    <p>床前明月光</p>
    <p>床前明月光</p>
    <p>床前明月光</p>
    <a href="http://www.baidu.com" target="_blank">百度一下</a>
    <div id="test">
      hello css
      <a>jike</a>
    </div>
		<p class="center">
			This is a paragraph with center class.
		</p>
		<p class="date">2015 年 3 月 14 号</p>
		<p><b>注意：</b> 重置浏览器窗口大小查看 "justify" 是如何工作的。</p>
		<div id="#para1">
			This is test paragraph with id.
		</div>
		<div class="center">
			This is div with center class.
		</div>
    <a class="module">
      <span class="moduleNumber">12</span>
      <span class="progressBar"></span>
    </a>
    <ul>
      <li>苹果</li>
      <li>苹果</li>
      <li>苹果</li>
      <li>苹果</li>
      <li>苹果</li>
    </ul>
  </body>
</html>
